<template>
  <div class="title m-b5">
    <div>{{ props.text }}</div>
    <img
      v-if="props.text === 'Fulfill by ScaleOrder'"
      @click="closeALert"
      class="m-b-2"
      src="@/assets/icons/wh.svg"
      alt=""
      srcset=""
    />
  </div>
  <!-- 警告框 -->
  <Alert v-model:isALert="isALert" />
</template>

<script lang="ts" setup>
import Alert from "@/components/alert.vue";
const props = defineProps(["text"]);

import { ref } from "vue";
let isALert = ref(false);

const closeALert = () => {
  console.log(123);

  isALert.value = true;
};
</script>

<style lang="scss" scoped>
.title {
  color: #000;
  /* 文字/16px-bold */
  font-family: "Proxima Nova";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 150% */
  display: flex;
  .m-b-2 {
    margin-left: 6px;
    cursor: pointer;
  }
}
</style>
